[Note] 網頁的構成要素


Posted by Linus.W on 2023-03-25

一個基本的網頁主要由三種語言組成,分別是:

  1. HTML:負責網頁內容的結構
  2. CSS:負責網頁外觀的美化
  3. JavaScript:負責與使用者的互動

HTML、CSS和JavaScript 是構成網頁的三種主要技術,但是還有其他技術和語言可以用來開發網頁,例如 PHP、Ruby、Python 等等。


HTML

HTML 就是網頁的基礎架構和結構,它為網頁提供了必要的結構和格式,確保內容可以正確的顯示和排版,就像房子需要鋼筋來支撐建築物的結構,網頁也需要HTML來支持網頁的結構和內容。


CSS

CSS 控制網頁的外觀,就像在房子的結構完成之後,進行裝潢和美化的工作,透過對 HTML 架構加上樣式,讓網頁更加美觀,可以做到排版、動畫甚至是設計響應式的網頁。

響應式網頁 ( Responsive Web Design 簡稱 RWD ),是一種設計網頁的方法,它能夠偵測裝置的螢幕大小,自動調整網站的版面及內容,以適應不同設備和使用情境,提供最佳的使用者體驗。


JavaScript

JavaScript 在網頁中扮演著重要的角色,它可以讓網頁呈現出動態的效果,例如彈出視窗、製作動畫、動態改變網頁的內容等等。此外,JavaScript 還能夠處理網頁的事件,像是在使用者點擊按鈕或輸入表單時,JavaScript 可以做出相應的處理,它也可以和後端的伺服器進行互動,例如發送和接收資料,讓網頁有更強大的功能和互動性。
而 JavaScript 有一些常見的框架跟函式庫,例如 jQuery、React、Vue.js 等等,這些工具可以有效簡化網頁開發的流程。


總結:

這段簡單介紹了網頁的三種程式語言:HTML、CSS和JavaScript。雖然在進階之後有很多好用的工具和框架,但是熟練這些語言的基礎知識和技能仍然是使用這些工具的前提。


#Web Development







Related Posts

34歲才開始自學寫程式會不會太晚?真的有心,永遠都不嫌晚。

34歲才開始自學寫程式會不會太晚?真的有心,永遠都不嫌晚。

Print one to nine

Print one to nine

為什麼「class」可以放兩個以上的名稱?

為什麼「class」可以放兩個以上的名稱?


Comments